@import '../../style/variables.less';

.@{prefix}-search {
    .maycur-input-wrapper {
        width: 240px;
        .maycur-input {
            border: 0px;
            background: #f7f7f7;
            padding-left: 10px;
            outline: 0;
            height: 32px;
            border-radius: 4px;
            &:focus,&:active {
                background: #eee;
                box-shadow: none;
                &::placeholder {
                    color: #959595;
                }
            }
            &:focus + .maycur-input-group-addon .maycur-input-search-button {
                background: #eee;
            }
            
            &:focus + .maycur-input-group-addon svg {
                color: #555;
            }
            &::placeholder {
                color: #bfbfbf;
            }
        }
        .maycur-input-group-addon {
            .maycur-input-search-button {
                border: 0px;
                background: #f7f7f7;
                box-shadow: none;
                border-top-right-radius: 4px !important;
                border-bottom-right-radius: 4px !important;
                svg {
                    color: #555;
                }
            }
        }
    }
}